<template>
   <div>
      <!-- 这里在app.vue里面 进行了emit 调用  -->
      <button @click="handleEmit">分发事件子组件</button>
      {{msg}}
   </div>
</template>
<script lang = "ts">
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'props',
  props:['msg'],
  setup(props,context){
   //   console.log(props,'props')  //响应式的用props 来  
   //   console.log(context.attrs.msg) // 它是绑定到组件中的 非 props 数据，并且是非响应式的。
         console.log(props,'pors')

      function  handleEmit(){
         context.emit('ForEmit','++')   // emit 第一个为事件名  后面为实参  
      }

      return  {
         handleEmit
      }
  }
  
})
</script>

